/*
 * 产品试妆次数列表展开内容
 * @Author: ljb
 * @Date: 2018-08-14 14:45:54
 * @Last Modified by: ljb
 * @Last Modified time: 2018-08-14 17:33:01
 */
<style lang="less" rel="stylesheet/less" type="text/less" scoped>

    .store-block {
        padding: 10px;
        margin-bottom: 20px;
        font-size: 15px;
        box-sizing: border-box;
        box-shadow: 1px 1px 1px 1px #f0f0f0;
        background-color: #fff;
        .store-info {
            padding-bottom: 10px;
            margin-bottom: 5px;
            border-bottom: 1px solid #f0f0f0;
        }
        .store-device {
            padding-left: 40px;
        }
    }

    .no-data {
        text-align: center;
        color: #ccc;
    }

</style>
<template>
	<Row class="store-block">
		<i-col
			v-for="device in row"
			:key="device.id"
			:span="24">
			<Row class="store-info">
				<i-col :span="12">{{ $t('home.device_account') + $t('common.colon') + (device.device_name || $t('common.unknown')) }}</i-col>
				<i-col :span="6">{{ ($t('home.try_on_count') + $t('common.colon') + device.try_on) || 0 }}</i-col>
			</Row>

		</i-col>
		<i-col
			v-if="row.length === 0 || !row"
			:span="24"
			class="no-data">{{ $t('common.no_data') }}</i-col>
	</Row>
</template>

<script>
export default {
	name: 'ProductExpand',
	props: {
		row: {
			type: Array,
			default() {
				return [];
			},
		},
	},
	data() {
		return {

		};
	},
	methods: {

	},
};
</script>
